
body{font-family: tahoma;font-size: 11px}
img{border: none}
.showandhide .hideifhover{display: block}
.showandhide .showifhover{display: none}
.showandhide:hover .hideifhover{display: none}
.showandhide:hover .showifhover{display: block}

.add {background: url('../sysimages/16/add_1.png') no-repeat center left;}
.delete {background: url('../sysimages/16/delete.png') no-repeat center left;}
.edit {background: url('../sysimages/16/icon_edit.png') no-repeat center left;}
.setting {background: url('../sysimages/16/option.gif') no-repeat center left;}
.search {background: url('../sysimages/16/toolbar_find.png') no-repeat center left;}
.detail {background: url('../sysimages/16/text_list_bullets.png') no-repeat center left;}
.refresh {background: url('../sysimages/16/view_refresh.png') no-repeat center left;}
.help {background: url('../sysimages/16/gnome_help_faq.png') no-repeat center left;}
.show {background: url('../sysimages/16/stock_show_controls.png') no-repeat center left;}
.show.hide {background: url('../sysimages/16/stock_hidden_controls.png') no-repeat center left;}
.restore {background: url('../sysimages/16/restore.png') no-repeat center left;}
.private{background: url('../sysimages/16/lock_red.png') no-repeat center left;}
.public{background: url('../sysimages/16/unlock_green.png') no-repeat center left;}
.back{background: url('../sysimages/16/sprite_black.png') no-repeat center left;}
.save{background: url('../sysimages/16/save.png') no-repeat center left;}
.btnseparator {
    float: left;
    height: 22px;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid white;
    margin: 1px;
}
.events{
    padding: 1px;float: left;
    display: block;
    cursor: pointer;
}
.events:hover{
    padding: 0px;
    border: 1px solid #ebebeb;
}
.events div{
    float: left;
    padding: 1px 3px;
}
.events:hover div{
    padding: 0px 3px 1px 2px;
    border-left: 1px solid white;
    border-top: 1px solid white;

}
.events span{
    float: left;
    display: block;
    padding: 3px;
    padding-left: 20px;
}
.events:hover span{

}
.edit_icon{
    cursor: pointer;
    background: url(../../images/icon/icon_edit.png) center no-repeat;
}
.delete_icon{
    cursor: pointer;
    background: url(../../images/icon/16/delete.png) center no-repeat;
}
.restore_icon{
    cursor: pointer;
    background: url('../sysimages/sprite_black.png') no-repeat 0 -64px;;
}

.new_icon{
    cursor: pointer;
    background: url(../../images/icon/sw_add.png) center no-repeat;
}
.setting_icon{
    cursor: pointer;
    background: url(../sysimages/16/option.gif) center no-repeat;
}
.detail_icon{
    cursor: pointer;
    background: url(../sysimages/16/text_list_bullets.png) center no-repeat;
}
.log_icon{
    cursor: pointer;
    background: url(../sysimages/16/log.png) center no-repeat;
}
.preview_icon{
    cursor: pointer;
    background: url(../sysimages/16/stock_toggle-preview.png) center no-repeat;
}
.refresh_icon{
    cursor: pointer;
    background: url(../sysimages/16/view_refresh.png) center no-repeat;
}
.chooseimage_icon,#chooseimg{
    cursor: pointer;
    background: url(../sysimages/16/pictures_folder_black.png) center no-repeat;
}
.more_icon{
    cursor: pointer;
    background: url(../sysimages/16/stock_toggle-preview.png) center no-repeat;
}
.filter{
    cursor: pointer;
    background: url(../sysimages/16/filter_dark.png) left center no-repeat;
}
.filter.enable{
    cursor: pointer;
    background: url(../sysimages/16/filter_en.png) left center no-repeat;
}
.ok{
    cursor: pointer;
    background: url(../sysimages/16/action_check.png) left center no-repeat;
}
.close{
    cursor: pointer;
    background: url(../sysimages/16/x_8px.png) left center no-repeat;
}
.classic-button.icon.save{
    background-image: url('../sysimages/16/action_check.png');
    background-repeat: no-repeat;
    background-position: 3px 3px;
}
.hover50{
    opacity: 0.5;
}
.hover50:hover{
    opacity: 1;
}
.icon16{
    width: 16px;
    height: 16px;
    cursor: pointer;
    padding: 0;margin: 0;
    display: inline-block;
}
.hidden{display: none}
.w40{width: 40}
.w100pc{width: 100%}
.w100{width: 100px}
.w120{width: 120px}
.w160{width: 160px}
.w240{width: 240px}
.w320{width: 320px}
.w80{width: 80px}
.w800{width: 800px}
.w720{width: 720px}
.pl20{padding-left: 20px}
.pl60{padding-left: 60px}
.pr8{padding-right: 8px}
.pr10{padding-right: 10px}
th,td{text-align: left}
.mh32{min-height: 32px}
.pr{position: relative}
.pa{position: absolute}
.rsv{resize: vertical}
ul.classic-list li{float: left;min-width: 120px}
.mlr2{margin-left: 2px;margin-right: 2px}
.bgceb{background-color: #ebebeb}
.showandhide .hideifhover{display: block}
.showandhide .showifhover{display: none}
.showandhide:hover .hideifhover{display: none}
.showandhide:hover .showifhover{display: block}




.MrKhuong{
    border: 1px solid red;
    padding: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -160px;
    width: 320px;
    height: 100px;
    z-index: 9999;
    background: #fff;
    -moz-box-shadow: 0 4px 10px #666;
    -webkit-box-shadow: 0 4px 10px #666;
    box-shadow: 0 4px 10px #666;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7)';
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7);
}
.MrKhuong .tit{
    text-align: center;
    padding: 8px 12px;
    background: red;
    color: #fff;
}
.MrKhuong .tit span{font-weight: bold;padding-right: 12px}
.MrKhuong p{color: red;padding: 8px 12px;margin: 0}
.MrKhuong .back{color: red;padding: 8px 32px;margin: 0;position: absolute;bottom: 0;left: 0}
.MrKhuong .home{color: red;padding: 8px 32px;margin: 0;position: absolute;bottom: 0;right: 0}
.MrKhuong .back:hover,.MrKhuong .home:hover{font-weight: bold}
.MrKhuong.blue{border: 1px solid blue;}
.MrKhuong.blue .tit{background: blue;}
.MrKhuong.blue .back,.MrKhuong.blue .home,.MrKhuong.blue p{color: blue;}
.MrKhuong.orange{border: 1px solid orange;}
.MrKhuong.orange .tit{background: orange;}
.MrKhuong.orange .back,.MrKhuong.orange .home,.MrKhuong.orange p{color: orange;}

fieldset,.fieldset {
    background: rgba(204, 204, 204, 0.2);
    border: 1px solid #C9C9C9;
    -webkit-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);
    box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);
}
legend {
    color: #333;
    border-color: transparent;
    font-weight: bold;
    padding: 4px 20px;
    line-height: 16px;
    background: #E0BAED;
}
pre{
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word; 
}
.chooseimage{top: 50%;right: 0;width: 16px;height: 16px;margin: -8px -16px 0 0px;}



ul.sysmenu{list-style: none;padding-left: 0px;height: 50px;border-left: 1px solid #BBB}
ul.sysmenu li{float: left;position: relative;height: 50px;width: 80px;border-right: 1px solid #BBB;transition: background .25s ease-in-out;-moz-transition: background .25s ease-in-out;-webkit-transition: background .25s ease-in-out;}
ul.sysmenu li img.ic,ul.sysmenu:hover li.active img.ic{width: 32px;height: 32px;margin-left: 24px;margin-top: 9px;opacity: .5;z-index: 1}
ul.sysmenu li,ul.sysmenu:hover li.active{background: #d7d7d7;}
ul.sysmenu li:hover,ul.sysmenu li.active,ul.sysmenu:hover li.active:hover{background: #ccc;}
ul.sysmenu li:hover img.ic,ul.sysmenu li.active img.ic,ul.sysmenu:hover li.active:hover img.ic{
    position: absolute;
    width: 50px;height: 50px;margin-left: 15px;margin-top: 0;
    opacity: 1;
}
ul.sysmenu li div{
    position: absolute;
    top: 50px;
    left: 0;font-weight: bold;width: 80px;text-align: center;color: #E40451;display: none}
ul.sysmenu li:hover div{display: block;z-index: 1}
div.syshead{
    z-index: 10001;
    position: relative;
}
.header-fade {

    position: absolute;
    top: 51px;
    left: 0;
    right: 0;
    background: url('../sysimages/bg-header-fade.png') repeat-x;
    height: 5px;
    z-index: 1;
}
ul.sysnav,ul.sysnav li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.sysnav{
    z-index: 9999;
    border-right: 1px solid #BBB;height: 28px;
    position: absolute;top: 0;list-style: none;}
ul.sysnav li{float: left;position: relative;height: 28px;border-left: 1px solid #BBB;transition: background .25s ease-in-out;-moz-transition: background .25s ease-in-out;-webkit-transition: background .25s ease-in-out;}
ul.sysnav li a,ul.sysnav li span{
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
/*    font-weight: bold;*/
    text-decoration: none;
}
ul.sysnav li{}
ul.sysnav li:hover{background: #CCC}
ul.sysnav li .user{
    background: url(../sysimg/bg-user-icon.png) no-repeat left center;padding-left: 44px}
tt {
font-family: inherit;
padding: 0px 3px 1px 3px;
background: #A8D4FF;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.fl{float: left}
.fr{float: right}
ul.sysnav li ul{position: absolute;top: 28px;min-width: 160px;border-top: 1px solid #bbb;display: none;margin: 0;padding: 0;}
ul.sysnav li ul.l{left: -1px;}
ul.sysnav li ul.r{right: 1px;}
ul.sysnav li ul li{display: block;height: 26px;width: 100%;border-bottom: 1px solid #bbb;border-right: 1px solid #bbb;background: #d7d7d7}
ul.sysnav li ul.r li a{text-align: right}
ul.sysnav li ul li a{line-height: 26px}
ul.sysnav li:hover ul{display: block}
.disabled{opacity: .5}
.nicEdit-main img,.nicEditContent img{max-width: 600px;max-height: 480px}
.arrow_down{background: url('../sysimages/16/arrow_down.png') no-repeat center}
.more-e,.flexigrid div.bDiv td div.more-e{
    position: relative;width: 16px;height: 16px;
    border: 1px solid #ccc;margin: 0;padding: 0;
    overflow:initial;
}
.more-e ul{position: absolute;border: 1px solid #ccc;top: 16px;left: -1px;padding: 3px 4px 4px 4px;background: #f1f1f1;width: 120px;display: none;list-style: none}
.more-e ul li{line-height: 16px;border: 1px solid #f1f1f1; padding: 3px 4px 4px 30px; }
.more-e ul li:hover{line-height: 16px;border: 1px solid #dadada}
.icon-pos{background-position: 4px 3px}
#myNicPanel:hover{
    -moz-box-shadow: 0 4px 10px #666;
    -webkit-box-shadow: 0 4px 10px #666;
    box-shadow: 0 4px 10px #666;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7)';
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7);
}
body{background: #ebebeb;margin: 0;padding: 0;font-family:tahoma;font-size:11px}
a{color:#333;text-decoration:none;}
a:hover,a:active{color:#E40451;text-decoration:underline;}
.content{
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    left: 0;
    right: 0;
}
.AlbumItem img{
    max-width: 100%;
    max-height: 220px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.ui-widget-overlay{background: url('../bg/30.png') !important;opacity:1 !important}

.OAuths{background: #D8E2F2;border: solid 0px #C9D7F1}
.OAuths:hover .OAumenu.active,.OAumenu{position: relative;border-top: solid 0px #C9D7F1;border-bottom: solid 0px #C9D7F1;border-left: solid 0px #C9D7F1;height: 28px;background-color: #D8E2F2;margin-left: 0px}
.OAuths:hover .OAumenu:hover,.OAuths:hover .OAumenu.active:hover,.OAumenu.active{border-top: solid 1px #C9D7F1;border-bottom: solid 1px #C9D7F1;border-left: solid 1px #C9D7F1;height: 26px;background-color: #EBEFF9;margin-left: -5px}
.OAuths:hover .OAumenu.active .C1,.OAumenu .C1{padding-left: 16px;line-height: 28px;}
.OAuths:hover .OAumenu:hover .C1,.OAuths:hover .OAumenu.active:hover .C1,.OAumenu.active .C1{padding-left: 20px;line-height: 26px;}
.OAuths:hover .OAumenu.active .C2,.OAumenu .C2{display: none}
.OAuths:hover .OAumenu:hover .C2,.OAuths:hover .OAumenu.active:hover .C2,.OAumenu.active .C2{display: block}
.C2 {
    background: url('');
    display: block;
    position: absolute;
    top: 0;
    right: -13px;
    width: 13px;
    height: 26px;
}
